
{% extends "PATHomeBundle::base.html.twig" %}
{% block title %}{{ parent() }} - Index{% endblock %}

{% block body %}
    
    {% if product_list|length>0%}
    Voici la liste des Articles :
    
        <div id="catalog">

            {% for product in product_list %}
            <div class="catalogItem">

                {% if product.category.categoryParent.name == 'Multimédia' %}
                <div class="catalogItem_multimedia">
                {% elseif product.category.categoryParent.name == 'Jeux & Jouets' %}
                <div class="catalogItem_jouets">
                    {% elseif product.category.categoryParent.name == 'Vêtements' %}
                <div class="catalogItem_vetements">
                    {% elseif product.category.categoryParent.name == 'Pokématos' %}
                <div class="catalogItem_pokematos">
                {% else %}
                <div class="catalogItem_default">
                {% endif %}

                <a href="../product/{{ product.id }}">
                    <div class="catalogItem_img">
                        {% if product.picture.url is defined %}
                            <img src = "{{ asset('bundles/patproduct/images/' ~ product.picture.url) }}" alt = {{ product.picture.title }}/>
                        {% else %}
                            <img src = "{{ asset('bundles/patproduct/images/non_dispo.png') }}" alt="image non disponible"/>
                        {% endif %}
                    </div>
                    <div class="catalogItem_title">
                        {{ product.name }}
                    </div>
                </a>
                </div>
            </div>
            {% endfor %}
        </div>
                        
    {% else %}
        Pas de produit pour cette catégorie !
    {% endif %}
        
{% endblock %}
